
<template>
  <div class="main">
    <div class="checkhead">
      <h1 class="stitle">货物动态查询</h1>
      <div class="search">
        <input type="text" placeholder="JZX123456">
        <router-link to="/Check_good_dynamic_1">
          <x-icon type="ios-search-strong" size="32" class="btnsearch"></x-icon>
        </router-link>
      </div>
    </div>

    <div class="wuliu">
      <timeline>
        <timeline-item class="oneitem lastest">
          <h4 class="recent bluefont">已入闸</h4>
          <p class="recent">入闸详情描述详情描述详情描述详情描述详情描述详情描述入闸详情描述详情。</p>
          <div class="checkdate">
            <span>12-27</span>
            <br>12:04
          </div>
        </timeline-item>
        <timeline-item>
          <h4>已出闸</h4>
          <p>出闸详情描述详情描述详情描述详情描述详情描述详情描述出闸详情描述详情。</p>
          <div class="checkdate">
            <span>12-27</span>
            <br>12:04
          </div>
        </timeline-item>
        <timeline-item>
          <h4>正在出闸</h4>
          <p>出闸详情描述详情描述详情描述详情描述详情。</p>
          <div class="checkdate">
            <span>12-27</span>
            <br>12:04
          </div>
        </timeline-item>
        <timeline-item>
          <h4>正在出闸</h4>
          <p>出闸详情描述详情描述详情描述详情描述详情。</p>
          <div class="checkdate">
            <span>12-27</span>
            <br>12:04
          </div>
        </timeline-item>
        <timeline-item>
          <h4>正在出闸</h4>
          <p>出闸详情描述详情描述详情描述详情描述详情。</p>
          <div class="checkdate">
            <span>12-27</span>
            <br>12:04
          </div>
        </timeline-item>
        <timeline-item>
          <h4>准备装船</h4>
          <p>准备装船详情描述详情描述详情描述详情描述详情描述详情详情描述详情。</p>
          <div class="checkdate">
            <span>12-27</span>
            <br>12:04
          </div>
        </timeline-item>
      </timeline>
    </div>
  </div>
</template>
<style lang="less" scoped>
@import "../styles/weui/widget/weui_cell/weui_form/weui-form-preview.less";
.vux-form-preview {
  overflow: hidden;
}
</style>

